// --------------------------------------------------
// YOUR BEST PRICES		Agosto 2013																
// Global less
// --------------------------------------------------

// INDICE
// --------------------------------------------------
// GLOBAL
// HEADER
// NAV BUTTONS
// MAP
// BLOCK
// FOOTER

// GLOBAL
h2 {
	margin:0;
	font-size: 1.500em;
	color: @fourth;
	.Atro-I;
}

p {
	font-size: 1.250em;
	color: @fourth;
	.Atro-R;
}

label {
	font-size: 1.250em;
	color: @sixth;
	.Atro-R;
}

.btn-default {
	color: @white;
	background: @fourth;
	&:hover {
		background: @fourth;
	}
}

a {
	color: @fourth;
	&:hover {
		color: @fourth;
	}
}

// HEADER
// --------------------------------------------------
.navbar-brand {
	padding: 0 15px 0 0;
}
.logo {
	background: @first;
	width: 120px;
	height: 95px;
	margin: 0;
	cursor: pointer;
	span {
		text-indent: -99999px;
		display: inline-block;
		width: 0;
		height: 0;
	}
}

// NAV BUTTONS
// --------------------------------------------------
.navbar-inverse {
	height: 60px;
}
navbar-nav {
	height: 60px;	
}
.btnLocation, .btnSearch, .btnComments, .btnLogin {
	span {
		text-indent: -99999px;
		display: inline-block;
		width: 0;
	}
}
.navbar-inverse .navbar-nav > li {
	.btnLocation, .btnSearch, .btnComments, .btnLogin {
		color:@third!important;
	}
	&:hover {
		.btnLocation, .btnSearch, .btnComments, .btnLogin {
			color:@fourth!important;
		}
	}
	&.active {
		.btnLocation, .btnSearch, .btnComments, .btnLogin {
			color:@fourth!important;
		}
	}
} 

// MAIN
// --------------------------------------------------
.map {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	.mapCanvas {
		margin: 60px 0 -110px 0;
	}
}

// BLOCK
// --------------------------------------------------
.block {
	position: absolute;
	padding:5px;
	top: 40px!important;
	margin-left: 0!important;
	background: none!important;
	border:none!important;
	z-index: 1030!important;
	&.blockLocation {
		left:127px!important;
		top: 40px!important;
	}
	&.blockSearch {
		left:187px!important;
		top: 40px!important;
	}
	&.blockLogin {
		left:287px!important;
		top: 40px!important;
		.checkbox, .btn-link {
			font-size: 0.85em;
		}
		.btn-link {
			margin-left: -10px;
		}
		footer {
			text-align: center;
			.btn {
				.Atro-R;
			}
		}
	}
	.triangle {
		.triangle-top (@third);
	}
	h2 {
		margin-bottom: 10px;
	}
	.content {
		background: @second;
		padding: 10px;
		width: 320px;
		.btn {
			padding: 9px 12px;
			border: none;
		}
		.pac-container {
			z-index: 999;
		}
	}
	footer {
		background: @first;
		padding: 10px;
		.boxShadow;
	}
}

// BLOCK
// --------------------------------------------------
.productList {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1030;
	width:25%;
	height: 100%;
	overflow: hidden;

	header, .content {		
		padding:15px 10px;
	}
	.icon-2x {
		float: right;
		margin-right: 8px;
		cursor: pointer;
		&:hover {
			color: @fourth;
		}
	}
	header {
		background: @third;
		height: 60px;
		font-size: 1.500em;
		.Atro-I;
		.icon-2x {
			margin-top: -7px;
		}
	}
	.content {
		background: @second;
		height: 100%;
		margin-bottom: -50px;
		ul {
			padding: 0;
		}
		li {
			list-style: none;
			padding-bottom: 5px;
			
			border-bottom: 1px dashed @third;
			cursor: pointer;
			&:after {
				border:none;
			}
			.icon-2x {
				margin: 20px 8px 0;
				cursor: pointer;
				&:hover {
					color: @fourth;
				}
			}
		}
	}
}

// FOOTER
// --------------------------------------------------
.footer {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	background: @second;
}